<!-- 首页 -->
<template>
  <div class="page-index">
    <div class="top">
    <RouterView />
  </div>
  
    <ul class="button">
      <li>电影</li>
      <li>影院</li>
      <li>咨询</li>
      <li>我的</li>
    </ul>
  
  </div>
</template>

<script setup lang="ts"></script>
<style>
.page-index {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}
.top {
  flex: 1;
  overflow: hidden;
}
.button {
  display: flex;
  height: 50px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  list-style: none;
  border: 1px solid #000000;
}
.button li {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1; 
}
</style>